<template>
    <div id="SideNav" class="fixed bg-gray-900 pt-16 w-52 h-full">
        <UVerticalNavigation :links="links" :ui="{
            wrapper: 'border-s border-gray-200 dark:border-gray-800 space-y-2',
            base: 'group block border-s -ms-px leading-6 before:hidden',
            padding: 'p-4 ps-4',
            rounded: '',
            font: '',
            ring: '',
            active: 'text-white dark:text-white-400 border-current font-semibold bg-blue-500',
            inactive: 'border-transparent text-white hover:border-gray-400 dark:hover:border-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300 hover:bg-blue-300 flex items-center'
        }" />
    </div>
</template>

<script setup>
import { } from 'vue'

const route = useRoute()
console.log(route.path)
const links = [[{
    label: '个人中心',
    icon: 'i-heroicons-home',
    to: '/system/profile',
    active: true
}, {
    label: '用户管理',
    icon: 'i-heroicons-chart-bar',
    to: '/system/userManagement'
}, {
    label: '日志管理',
    icon: 'i-heroicons-command-line',
    to: '/system/logManagement'
}]]
</script>